<div class="middle-box text-center loginscreen  animated fadeInDown">
  <div class="container">
    <div class="sign-page">
      <div class="signup-page">
        <h3>快速注册</h3>
        <form (ngSubmit)="onSubmit(f.value)" #f="ngForm" novalidate>
          <div class="input-prepend">
            <span class="glyphicon glyphicon-envelope"></span>
            <input type="text" name="email" (ngModel)="email" placeholder="请输入邮箱">
          </div>
          <br>
          <div class="input-prepend">
            <span class="glyphicon glyphicon-lock"></span>
            <input type="password" name="password" (ngModel)="password" placeholder="请输入密码">
          </div>
          <br>
          <div class="input-prepend">
            <span class="glyphicon glyphicon-lock"></span>
            <input type="password" name="confirmpassword" (ngModel)="confirmpassword" placeholder="请再次输入密码">
          </div>
          <br>
          <button class="btn btn-lg btn-primary btn-block" type="submit">
            <span>注册</span>
          </button>
        </form>
      </div>
    </div>
  </div>
  <div class="tips" *ngIf="tipsBoxStatus">
    <div class="regsiter col-md-4 col-sm-6 col-xs-10">
      <span class="icon_tips" (click)="onclicklose()"></span>
      {{tips}}
    </div>
  </div>
</div>
